<!-- begin #sidebar -->
<div id="sidebar" class="sidebar" ng-controller="sidebarController"
     ng-class="{ 'sidebar-transparent': setting.layout.pageSidebarTransparent }">
  <!-- begin sidebar scrollbar -->
  <div data-scrollbar="true" data-height="100%">
    <ul class="nav">
      <!--Navigation-->
      <ul class="nav">
        <li class="nav-header"></li>
        <!--Navigation-->
        <!--<li ui-sref-active="active">-->
          <!--<a href="javascript:;" ui-sref="app.apkviewer.info">-->
            <!--<i class="fa fa-file-text-o"></i>-->
            <!--<span>基本资料 </span>-->
          <!--</a>-->
        <!--</li>-->
        </li>
        <li class="has-sub" ng-class="{active:$state.includes('app.apkviewer.summary')}">
          <a href="javascript:;">
            <b class="caret pull-right"></b>
            <i class="fa fa-bar-chart-o"></i>
            <span>整体概况 </span>
          </a>
          <ul class="sub-menu">
            <li ng-class="{active:$state.includes('app.apkviewer.summary.trend')}">
              <a href="/app/apkviewer/summary/trend?apk={{$stateParams.apk}}" >整体趋势</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.summary.area')}">
              <a href="/app/apkviewer/summary/area?apk={{$stateParams.apk}}">地区分布</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.summary.terminal')}">
              <a href="/app/apkviewer/summary/terminal?apk={{$stateParams.apk}}" >终端覆盖</a>
            </li>
          </ul>
        </li>
        <li class="has-sub" ng-class="{active:$state.includes('app.apkviewer.usercount')}">
          <a href="javascript:;">
            <b class="caret pull-right"></b>
            <i class="fa fa-users"></i>
            <span>终端规模 </span>
          </a>
          <ul class="sub-menu">
            <li ng-class="{active:$state.includes('app.apkviewer.usercount.active')}">
              <a href="/app/apkviewer/usercount/active?apk={{$stateParams.apk}}">活跃终端</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.usercount.return')}">
              <a href="/app/apkviewer/usercount/return?apk={{$stateParams.apk}}">回流终端</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.usercount.silent')}">
              <a href="/app/apkviewer/usercount/silent?apk={{$stateParams.apk}}">沉默终端</a>
            </li>
          </ul>
        </li>
        <li class="has-sub" ng-class="{active:$state.includes('app.apkviewer.userin')}">
          <a href="javascript:;">
            <b class="caret pull-right"></b>
            <i class="fa fa-eye"></i>
            <span>用户参与度 </span>
          </a>
          <ul class="sub-menu">
            <li ng-class="{active:$state.includes('app.apkviewer.userin.duration')}">
              <a href="/app/apkviewer/userin/duration?apk={{$stateParams.apk}}">收视时长</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.userin.times')}">
              <a href="/app/apkviewer/userin/times?apk={{$stateParams.apk}}">使用次数</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.userin.interval')}">
              <a href="/app/apkviewer/userin/interval?apk={{$stateParams.apk}}">使用间隔</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.userin.compose')}">
              <a href="/app/apkviewer/userin/compose?apk={{$stateParams.apk}}">活跃终端构成</a>
            </li>
            <li ng-class="{active:$state.includes('app.apkviewer.userin.day')}">
              <a href="/app/apkviewer/userin/day?apk={{$stateParams.apk}}">月活跃天数</a>
            </li>
          </ul>
        </li>
      </ul>
      <!-- end sidebar nav -->
    </ul>
  </div>
  <!-- end sidebar scrollbar -->
</div>
<div class="sidebar-bg"></div>
<!-- end #sidebar -->


<!-- begin #content -->
<div class="margin-left-220">
  <div ui-view></div>
</div>
<!-- end #content -->
